<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, 
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <!-- 顶部banner区域 -->
  <div class="top-banner">
    <a href="#" class="top-banner-img">
      <img src="images/top_banner.jpg" alt="">
    </a>
    <a href="#" class="close"></a>
  </div>
  <!-- 顶部banner区域结束 -->
  <!-- header 区域 -->
  <div class="header">
    <div class="header-top">
      <a href="#" class="classify"><img src="images/classify.png" alt=""></a>
      <a href="#" class="ad"><img src="images/ad.gif" alt=""></a>
      <a href="#" class="login"><img src="images/login.png" alt=""></a>
    </div>
    <div class="search">
      <a href="#"></a>
      <i></i>
      <form>
        <input type="search" placeholder="400元北京消费补贴">
      </form>
    </div>
  </div>
  <!-- header 区域结束 -->
  <!-- 轮播图 -->
  <div class="banner">
    <div class="wrapper">
      <ul>
        <li class="current"><a href="#"><img src="images/banner.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
      </ul>
    </div>
  </div>
  <!-- 轮播图结束 -->
  <!-- nav 导航部分 -->
  <div class="nav">
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
    <a href="#">
      <img src="images/nav_01.png" alt="">
      <p class="title">苏宁秒杀</p>
    </a>
  </div>
  <!-- nav 导航部分结束 -->

  <!-- 红包广告 -->
  <!-- newImgFloor 作为最外包裹层 -->
  <div class="newImgFloor">
    <!-- newImgFloor-content 内容层 -->
    <div class="newImgFloor-content">
      <a href="javascript:;" class="newItem newItem1" sap-expo="true">
        <img src="./images/160415964665844208.png">
      </a>
      <div class="hor-gap2"></div>
      <a href="javascript:;" class="newItem newItem2">
        <img src="./images/160415965447533335.gif">
      </a>
      <div class="hor-gap2"></div>
      <a href="javascript:;" class="newItem newItem3">
        <img src="./images/160415966314573447.gif">
      </a>
    </div>
  </div>

  <div class="big-blank"></div>

  <div class="v7-2big hor-view kw-radio1">
    <div class="zsq-area">
      <a href="javascript:;">
        <div class="title-wrapper">
          <div class="title">天天低价</div>
          <div class="count">
            <span class="hour-node">02</span>:<span class="minute-node">02</span>:<span class="second-node">48</span>
          </div>
        </div>
        <p class="desc">人气好货限时抢</p>
      </a>
      <div class="fix"></div>
      <ul>
        <li class="left">
          <a class="pro" href="javascript:;">
            <img src="./images/100729120185449102picH_1.jpg">
            <p class="tag-price"><span>¥</span><span class="first-price">1</span><span>.58</span></p>
          </a>
        </li>
        <li class="">
          <a class="pro" href="javascript:;">
            <img src="./images/10072921011831688978picH_1.jpg">
            <p class="tag-price"><span>¥</span><span class="first-price">1</span><span>.9</span></p>
          </a></li>
      </ul>
    </div>

    <div class="hor-gap"></div>

    <div class="big-space">
      <a href="javascript:;" class="click-area">
        <div class="title-wrapper">
          <p class="title">苏宁秒杀</p>
        </div>
        <p class="des">品质好货天天秒</p>
      </a>
      <a class="img-wrapper" href="javascript:;">
        <img class="opa1" src="./images/6SNxx8dbQRwg9Qj8Wl-64A.webp">
        <p class="img-desc">苏鲜生</p>
      </a>
      <a class="img-wrapper right-wrapper" href="javascript:;">
        <img class="opa1" src="./images/ggsjziijPbQDq0bypnZcTg.webp">
        <p class="img-desc">维达(Vinda)</p>
      </a>
    </div>
  </div>
  <!-- 天天低价 秒杀楼层结束 -->
  <div class="v7-2big hor-view">
    <div class="big-space">
      <a href="javascript:;" class="click-area">
        <div class="title-wrapper">
          <p class="title">百亿补贴</p>
        </div>
        <p class="des">大牌补贴天天有</p>
      </a>
      <a class="img-wrapper" href="javascript:;">
        <img class="opa1" src="./images/160551358679254507.webp">
        <p class="img-desc">补贴价838</p>
      </a>
      <a class="img-wrapper right-wrapper" href="javascript:;">
        <img class="opa1" src="./images/160551358679254507.webp">
        <p class="img-desc">补贴价759</p>
      </a>
    </div>
    <div class="hor-gap"></div>
    <div class="big-space">
      <a href="javascript:;" class="click-area">
        <div class="title-wrapper">
          <p class="title">百亿补贴</p>
        </div>
        <p class="des">大牌补贴天天有</p>
      </a>
      <a class="img-wrapper" href="javascript:;">
        <img class="opa1" src="./images/160551358679254507.webp">
        <p class="img-desc">补贴价838</p>
      </a>
      <a class="img-wrapper right-wrapper" href="javascript:;">
        <img class="opa1" src="./images/160551358679254507.webp">
        <p class="img-desc">补贴价759</p>
      </a>
    </div>
  </div>

  <div class="space-px"></div>

  <div class="title-four kw-radio2">
    <div class="left-title"><a href="javascript:;">
        <p class="title line-clamp1">为您推荐</p>
        <p class="desc line-clamp1">精选频道</p>
      </a></div>
    <div class="four-space">
      <div class="four-item">
        <a class="click-area" href="javascript:;">
          <p class="title">苏宁国际</p>
        </a>
        <a class="img-wrapper" href="javascript:;">
          <img class="pro-img opa1" src="https://image1.suning.cn/uimg/b2c/qrqm/0070154941000000011070598685_200x200.jpg?format=_is_200w_200h_4e.webp">
        </a>
      </div>
      <div class="four-item">
        <a class="click-area" href="javascript:;">
          <p class="title line-clamp1">苏宁Outlets</p>
        </a>
        <a class="img-wrapper" href="javascript:;">
          <img class="pro-img opa1" src="https://image3.suning.cn/uimg/b2c/qrqm/0010207648000000012000983557_200x200.jpg?format=_is_200w_200h_4e.webp">
        </a>
      </div>
      <div class="four-item" data-pindao=""><a class="click-area" href="javascript:;">
          <p class="title line-clamp1">新品首发</p>
        </a><a class="img-wrapper" href="javascript:;"><img class="pro-img opa1"
            data-src="done" src="https://image1.suning.cn/uimg/cms/img/160266717835782538.png?from=mobile"></a></div>
      <div class="four-item" data-pindao=""><a class="click-area" href="javascript:;">
          <p class="title line-clamp1">0元试用</p>
        </a>
        <a class="img-wrapper" href="javascript:;" sap-expo="true">
          <img class="pro-img opa1" src="https://image1.suning.cn/uimg/cms/img/160526041351165929.jpg?from=mobile">
        </a>
      </div>
    </div>
  </div>

  <div class="big-blank"></div>

  <!-- 猜你喜欢 -->
  <div class="guessUlike">
    <a class="v7-title" href="javascript:;">
      <img src="./images/157793128909842388.webp" alt="">
    </a>
    <div class="pro-list-wrapper">
      <div class="pro-list">
        <div class="left-list">
          <div class="kw-wrapper normal-pro">
            <a href="javascript:;">
              <div class="pro-image-wrapper">
                <img class="pro-img" src="./images/UZ2gqjtW_jXkD1PN7QJWOA.webp">
                <p class="pro-title line-clamp-2">
                  维达（Vinda） 湿巾 婴儿湿巾手口可用 80片*3包（加送4包婴儿纸面巾）整箱销售（新老包装交替发货）
                </p>
                <p class="cuxiao-tag">
                  <span class="pro-icon guess-zyicon">自营</span>
                  <span class="cx-text">秒杀</span>
                </p>
                <div class="pro-price">
                  <div class="real-price">
                    <span class="flag">￥</span>
                    <span class="pre-price">44</span>
                    <span class="last-price">.9</span>
                    <span class="price-comments">11万+评价</span>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="kw-wrapper normal-pro">
            <a href="javascript:;">
              <div class="pro-image-wrapper">
                <img class="pro-img" src="./images/UZ2gqjtW_jXkD1PN7QJWOA.webp">
                <p class="pro-title line-clamp-2">
                  维达（Vinda） 湿巾 婴儿湿巾手口可用 80片*3包（加送4包婴儿纸面巾）整箱销售（新老包装交替发货）
                </p>
                <p class="cuxiao-tag">
                  <span class="pro-icon guess-zyicon">自营</span>
                  <span class="cx-text">秒杀</span>
                </p>
                <div class="pro-price">
                  <div class="real-price">
                    <span class="flag">￥</span>
                    <span class="pre-price">44</span>
                    <span class="last-price">.9</span>
                    <span class="price-comments">11万+评价</span>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- 猜你喜欢右侧 -->
        <div class="right-list">
          <div class="kw-wrapper normal-pro">
            <a href="javascript:;">
              <div class="pro-image-wrapper">
                <img class="pro-img" src="./images/UZ2gqjtW_jXkD1PN7QJWOA.webp">
                <p class="pro-title line-clamp-2">
                  维达（Vinda） 湿巾 婴儿湿巾手口可用 80片*3包（加送4包婴儿纸面巾）整箱销售（新老包装交替发货）
                </p>
                <p class="cuxiao-tag">
                  <span class="pro-icon guess-zyicon">自营</span>
                  <span class="cx-text">秒杀</span>
                </p>
                <div class="pro-price">
                  <div class="real-price">
                    <span class="flag">￥</span>
                    <span class="pre-price">44</span>
                    <span class="last-price">.9</span>
                    <span class="price-comments">11万+评价</span>
                  </div>
                </div>
              </div>
            </a>
          </div>
          <div class="kw-wrapper normal-pro">
            <a href="javascript:;">
              <div class="pro-image-wrapper">
                <img class="pro-img" src="./images/UZ2gqjtW_jXkD1PN7QJWOA.webp">
                <p class="pro-title line-clamp-2">
                  维达（Vinda） 湿巾 婴儿湿巾手口可用 80片*3包（加送4包婴儿纸面巾）整箱销售（新老包装交替发货）
                </p>
                <p class="cuxiao-tag">
                  <span class="pro-icon guess-zyicon">自营</span>
                  <span class="cx-text">秒杀</span>
                </p>
                <div class="pro-price">
                  <div class="real-price">
                    <span class="flag">￥</span>
                    <span class="pre-price">44</span>
                    <span class="last-price">.9</span>
                    <span class="price-comments">11万+评价</span>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- 固定的tool bar -->
  <div class="toolbar">
    <a href="javascript:;" class="toolbar-item">
      <img src="./images/157543975265772267.png" alt="">
      <span>猜你喜欢</span>
    </a>
    <a href="javascript:;" class="toolbar-item">
      <img src="./images/157543975265772267.png" alt="">
      <span>猜你喜欢</span>
    </a>
    <a href="javascript:;" class="toolbar-item">
      <img src="./images/157543975265772267.png" alt="">
      <span>猜你喜欢</span>
    </a>
    <a href="javascript:;" class="toolbar-item">
      <img src="./images/157543975265772267.png" alt="">
      <span>猜你喜欢</span>
    </a>
    <a href="javascript:;" class="toolbar-item">
      <img src="./images/157543975265772267.png" alt="">
      <span>猜你喜欢</span>
    </a>
  </div>
</body>

</html>